<template>
	<div style="height: calc(100vh - 50px);">
		<iframe :src="src" frameborder="0" height="100%"></iframe>
	</div>
</template>

<script type="text/babel">

	export default {
		name: "",
		data() {
			return {
				src:''
			}
		},
		watch: {
			$route() {
				// this.id = this.$route.params.id; //获取传来的参数
				this.getsrc();
			}
		},
		mounted() {
			this.getsrc()
		},
		methods:{
			getsrc(){
				var token = sessionStorage.getItem('token')
				if(this.$route.params.id == 1){
					this.src = 'http://120.77.80.113/monitor/#/index?kiosk=true&token='+token
				}else if(this.$route.params.id == 2){
					this.src = 'http://120.77.80.113/monitor/#/screen?kiosk=true&token='+token
				}else if(this.$route.params.id == 3){
					this.src = 'http://120.77.80.113/monitor/#/monitor/business?kiosk=true&token='+token
				}else if(this.$route.params.id == 4){
					this.src = 'http://120.77.80.113/monitor/#/monitor/os?kiosk=true&token='+token
				}else if(this.$route.params.id == 5){
					this.src = 'http://120.77.80.113/monitor/#/monitor/database?kiosk=true&token='+token
				}else if(this.$route.params.id == 6){
					this.src = 'http://120.77.80.113/monitor/#/monitor/application?kiosk=true&token='+token
				}else if(this.$route.params.id == 7){
					this.src = 'http://120.77.80.113/monitor/#/monitor/middleware?kiosk=true&token='+token
				}else if(this.$route.params.id == 8){
					this.src = 'http://120.77.80.113/monitor/#/monitor/network?kiosk=true&token='+token
				}else if(this.$route.params.id == 9){
					this.src = 'http://120.77.80.113/monitor/#/monitor/server?kiosk=true&token='+token
				}else if(this.$route.params.id == 10){
					this.src = 'http://120.77.80.113/monitor/#/monitor/storage?kiosk=true&token='+token
				}else if(this.$route.params.id == 11){
					this.src = 'http://120.77.80.113/monitor/#/monitor/virtualization?kiosk=true&token='+token
				}else if(this.$route.params.id == 12){
					this.src = 'http://120.77.80.113/monitor/#/monitor/alert/live?kiosk=true&token='+token
				}else if(this.$route.params.id == 13){
					this.src = 'http://120.77.80.113/monitor/#/monitor/alert/list?kiosk=true&token='+token
				}else if(this.$route.params.id == 14){
					this.src = 'http://120.77.80.113/monitor/#/monitor/alert/report?kiosk=true&token='+token
				}else if(this.$route.params.id == 15){
					this.src = 'http://120.77.80.113/monitor/#/monitor/alert/media?kiosk=true&token='+token
				}else if(this.$route.params.id == 16){
					this.src = 'http://120.77.80.113/monitor/#/monitor/alert/template?kiosk=true&token='+token
				}else if(this.$route.params.id == 17){
					this.src = 'http://120.77.80.113/monitor/#/monitor/network-topology?kiosk=true&token='+token
				}else if(this.$route.params.id == 18){
					this.src = 'http://120.77.80.113/monitor/#/monitor/ipmanage?kiosk=true&token='+token
				}else if(this.$route.params.id == 19){
					this.src = 'http://120.77.80.113/monitor/#/monitor/report/day-report?kiosk=true&token='+token
				}else if(this.$route.params.id == 20){
					this.src = 'http://120.77.80.113/monitor/#/monitor/report/month-report?kiosk=true&token='+token
				}
			}
		}
	}
	
</script>

<style>
</style>
